<template>
	<div id="user_setting">
		<toptitle :conter="'设置'" :bgcolor="'#f00'"></toptitle>
		<itemUser :text="'个人资料'" :border="false" :bacolor="'#fff'" :color="'#000'" :to="'/users/user_info'"></itemUser>
		<p></p>
		<itemUser :text="'关于我们'" :border="true" :to="'/users/About_us'"></itemUser>
		<itemUser :text="'协议规则'" :border="false" :to="'/users/Protocol_rules'"></itemUser>
	</div>
</template>
·
<script>
	import itemUser from '@/components/itemUser.vue'
	import toptitle from '@/components/top_title.vue'
	export default {
		components: {
			itemUser,
			toptitle
		}
	}
</script>

<style lang="scss" scoped>
	$width:(100vw / 375);

	#user_setting {
		width: 100vw;
		height: 100vh;
		background-color: #f5f5f5;
		padding-top: 44 * $width;

		>p {
			width: 100%;
			height: .6rem;
		}
	}
</style>
